<template>
  <div class="kgo-head-right-nav">
    <ul class="layui-nav kgo-head-right-ul" lay-filter="">
      <li class="layui-nav-item kgo-nav-item"><router-link to=""><i class="layui-icon layui-icon-circle-dot kgo-message-status-sty"></i></router-link></li>
      <li class="layui-nav-item kgo-nav-item kgo-sys-message-broadcast">
        <router-link to="">
          <i class="layui-icon layui-icon-dialogue"></i>
          <span class="layui-badge-dot"></span>
        </router-link>
      </li>
      <li class="layui-nav-item kgo-nav-item"><router-link to=""><i class="layui-icon layui-icon-user"></i></router-link></li>
      <li class="layui-nav-item kgo-nav-item"><router-link to="/settingHome"><i class="layui-icon layui-icon-set"></i></router-link></li>
      <li class="layui-nav-item kgo-nav-item"><a href="">退出</a></li>
    </ul>
  </div>
</template>
<script>
//系统信息

export default {
   data () {
      return {
          sysMessageInfo:"00000"
      }
   },
   mounted(){
   layui.element.init();
    var that = this;
    KgoUtil.setState("broadcastSysMessage",this.broadcast);
   },
   methods:{
     broadcast:function(){
         layer.msg("开始广播 : "  + KgoUtil.getState("broadcastSysMessageInfo"));
         this.sysMessageInfo = KgoUtil.getState("broadcastSysMessageInfo");
     }
   },

}
</script>
<style lang="scss">
.kgo-head-right-nav {
  position: absolute;
  right: 0;
}
.kgo-head-right-ul{
    background-color: $theme-color;
    color: $theme-font-color;
}
.kgo-nav-item a:hover{
     color: $theme-font-color !important;
}
.kgo-nav-item a{
      color: $theme-font-color !important;
}
.kgo-sys-message-broadcast .layui-badge-dot{
  display: none;
}
</style>
